@import url("reset/reset.css");
@import url("fonts/texgyre.css");

html {background:url(images/background.jpg) repeat; height:100%;}
body {width:100%; height:100%; background:url(images/bodybg.jpg) left top repeat-x; font-family:"Helvetica Neue", Helvetica, Verdana, sans-serif; font-size:62.5%; color:#514841;}
#wrap {width:920px; margin:0 auto; min-height:100%;}
h1, h2 {font-family:'TeXGyreAdventor', Arial, sans-serif;}
a {color:#264737; text-decoration:none;}
#top {height:73px;}
#mainheader {height:378px; margin-bottom:10px;}
#sitename {float:left; padding:22px 0 0 20px;}
#sitename a {display:block; background:url(images/studioonelogo.png) no-repeat; height:29px; width:181px; text-indent:-4000px; overflow:hidden;}
#mainnav {height:42px;}
#homeheader {background:url(images/headerbg.png) left top repeat-x; height:261px;}
#searchform {display:block; float:right; width:216px; height:36px; padding:20px 20px 0 0;}
#searchform div { background:url(images/searchbg.png) no-repeat; height:26px; width:198px; padding:7px 8px 0 8px;}
#searchform input#s {display:block; float:left; width:140px; background:transparent; border:none; height:19px; line-height:18px; color:#7a7a7a;}
#searchform input#searchsubmit {float:right; display:block; border:none;}
.righticons {float:right; padding:9px 20px;}
#mainnav ul {float:left;}
#mainnav ul li {display:inline; font:bold 1.4em 'TeXGyreAdventor', Arial, sans-serif; text-transform:uppercase;}
#mainnav a {display:block; float:left; color:#1a110a; height:40px; line-height:40px; margin:0 20px; text-shadow:#c5a38a 1px 1px 1px;}
#mainnav a:hover {color:#000;}
#mainnav .current a {color:#fff; text-shadow:#483629 1px 1px 1px;}


#slider {height:260px; width:800px; margin:auto;}
#slider .container {position:relative; cursor:pointer; color:#eee; height:260px;  width:800px;  overflow:hidden; }
#slider .slides li {display:block; height:290px; width:800px; position:relative; overflow:hidden; float:left;}
.slides {position:relative;}
#slider .slides p { display:block; float:left; font-size:1.6em; line-height:22px; color:#86b9a7; width:52%;}
.slides h2 {display:block; font-size:2.8em; color:#fff; font-weight:normal!important; padding:55px 0 0 0; width:52%; margin-bottom:10px;}
#slider .pagination {
	display:block;
	list-style:none;
	z-index:999;
	width:143px;
	height:22px; padding-top:5px;
	text-align:center;
	position:absolute;
	margin: 0 auto;
	bottom:8px;
	right:305px;
	background:url(images/slidernavbg.png) no-repeat;
	padding-left:30px;
}

ul.pagination li {display:inline;}
ul.pagination a {display:block; float:left; background:url(images/slidernavnormal.png) no-repeat; width:16px; height:16px; text-indent:-4000px; overflow:hidden; margin:0 10px;}
ul.pagination .active a {background:url(images/slidernavactive.png) no-repeat;}
.mainimg {float:right; padding:30px 0 0 0;}

#contents {padding:10px;}
#contents p, #contents li, #contents label, #contents cite {font-size:1.2em; line-height:20px;}

#works-panel {background: url(images/portfolio-home-bg.png) no-repeat; height:200px; position:relative; margin-bottom:20px;}
#works-panel h2 {display:block; text-indent:-4000px; overflow:hidden; z-index:800; left:-20px; top:-20px; background:url(images/portfolioicon.png) no-repeat; height:104px; width:130px; float:left; position:absolute;}
.works-list {padding-left:6px;}
.works-list li {display:block; float:left; padding:20px 8px 0 9px; margin:0!important;}

.maincolumns {padding:10px; margin-bottom:10px;}
.maincolumns .column {float:left; width:270px;}
.maincolumns .first {margin-right:15px;}
.maincolumns .second {margin-left:15px; margin-right:15px;}
.maincolumns .third {margin-left:15px;}

#contents h2 {font:bold 2.0em 'TeXGyreAdventor', Arial, sans-serif; color:#223d2b; margin-bottom:10px;}
#grayblock {background:url(images/graybox.jpg) center top no-repeat; height:126px; margin-bottom:20px;}
.getquote {float:left; padding:25px 25px 0 25px; width:400px;}
.testi {float:right; width:374px; padding:25px 25px 0 25px;}
.testi blockquote {width:280px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block;}
.testi blockquote p {line-height:18px!important;}
.testi blockquote strong {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
.testi .morebtn {float:right; width:80px;}
#grayblock h3 {display:block; font:bold 1.8em 'TeXGyreAdventor', Arial, sans-serif; color:#887c6f; text-shadow:#fff 1px 1px 1px; margin-bottom:8px;}
#talk-email {display:block; height:38px;}
#talk-email div {height:33px;}
#talk-email .eml {float:left; width:272px;}
#talk-email .btn {float:right;}
.eml input {display:block; background:url(images/emailsubscribefield.gif) no-repeat; width:262px; height:33px; line-height:30px; border:none; padding:0 5px; font:normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
#footerwrap {background:url(images/footerbg.jpg) repeat-x; height:246px;}
#pagefooter {width:900px; margin:0 auto; height:240px;}
#about-sect {float:left; width:35%; padding:20px 20px 0 0;}
#nav-sect { float:right; width:61%; padding:20px 0 0 0;}
#pagefooter p, #pagefooter li {font-size:1.2em; color:#99cc99;}
#pagefooter a {color:#99cc99;}
#pagefooter h2 {display:block; font:bold 2.0em 'TeXGyreAdventor', Arial, sans-serif; margin-bottom:10px; color:#cfc; text-shadow:#1e3727 1px 1px 1px;}
#pagefooter p {line-height:18px;}
#leftblock {width:48%; float:left;}
#rightblock {width:48%; float:right;}
#pagefooter .clear {margin-bottom:10px!important;}
#nav-sect li a {display:block; height:20px; line-height:20px; margin-bottom:3px; background:url(images/blt-light.png) left center no-repeat; padding-left:20px;}
#nav-sect li a:hover {color:#fff;}
#credits {background:url(images/creditsbg.png) center top no-repeat; height:58px; color:#66a379;}
#credits a {color:#84c298;}
.sitecredit {float:left; padding:20px 0 0 20px;}
.designcredit {float:right; padding:20px 20px 0 0;}
#credits a:hover {color:#fff;}

#normalpage {background:url(images/normalbodybg.jpg) repeat-x;}
#normalpage #mainheader {height:260px;}
#pagename {font:normal 3.8em 'TeXGyreAdventor', Arial, sans-serif; display:block; padding:30px 30px 0 30px; color:#132a1f; text-shadow:#4c7963 1px 1px 1px; }
#pagename .descr {display:block; font-size:.4em; color:#000; }
#pagename .titl {display:block; margin-bottom:10px; height:40px;}
#works-list {padding:10px 9px; margin-bottom:20px;}
#works-list .item {width:205px; float:left; padding:10px 7px; margin-bottom:3px;}
#works-list h3 {font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-shadow:#fff 1px 1px 1px; margin-bottom:10px;}
#works-list .item img {margin-bottom:10px;}

.post p {margin-bottom:16px;}
.post {margin-bottom:15px; padding:0 10px;}
.post h3 {font-size:1.6em; margin-bottom:10px;}
.post h4 {font-size:1.4em; margin-bottom:5px;}
img.alignleft {float:left; margin:0 10px 5px 0;}
#left {float:left; width:66%; border-right:solid 1px #d3c8bd; padding-right:10px; margin-bottom:20px;}
#right {float:right; width:31%; margin-bottom:20px;}
img.alignright {float:right; margin:0 0 5px 10px;}
.post ul {margin-bottom:16px;}
.post ul li {display:block; background:url(images/blt-dark.png) 0 5px no-repeat; padding-left:16px; margin-bottom:5px;}
